<!DOCTYPE html>
<html lang="en">
<head>
<title>富康修</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="Eduversity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
    
	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
	<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	
	<link rel="stylesheet" href="css/jquery.countdown.css" />

	<!--web font-->
	<link href="//fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
	<!--//web font-->
	<script src="/X-admin/html/js/jquery-3.4.1.min.js"></script>
</head>

<body>


<!-- header -->
<header>
	<div class="container">
		<!-- top header -->
		<section class="row top_header pt-3">
			<div class="col-lg-6">
			</div>
				<div class="col-lg-6 buttons">
					<p><i class="fas mr-1 fa-phone"></i> 188-4678-5418</p>
					
						<a href="/X-admin/login.html" target="_blank"> 	管理员登录  </a>
					</button>
				</div>
		</section>
		<!-- top header -->

		<!-- nav -->
		<nav class="navbar navbar-expand-lg navbar-light py-sm-4 py-2">
			<!-- logo -->
			<h1>
				 <i class="fab fa-affiliatetheme"></i>
					富康修
				</a>
			</h1>
			<!-- //logo -->
			<button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<!-- main nav -->
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-lg-auto text-center">
					<li class="nav-item mr-lg-3">
						<a class="nav-link" href="index.html">主页
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item mr-lg-3">
						<a class="nav-link" href="about.html">关于我们</a>
					</li>
					<li class="nav-item active mr-lg-3">
						<a class="nav-link" href="services.html">课程详情</a>
					</li>
					<li class="nav-item active mr-lg-3">
						<a href="course.html" class="nav-link">预约</a>
					</li>
					<li class="nav-item mr-3">
						<a class="nav-link" href="contact.html">联系</a>
					</li>
					<li>
						<!-- search --->
					<div class="search-bar-agileits">
						<div class="cd-main-header">
							<ul class="cd-header-buttons">
								<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
							</ul>
							<!-- cd-header-buttons -->
						</div>
						<div id="cd-search" class="cd-search">
							<form action="#" method="post">
								<input name="Search" type="search" placeholder="Click enter after typing...">
							</form>
						</div>
					</div>
					<!-- search --->
				</ul>
			</div>
			<!-- //main nav -->
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->

<!-- banner -->
<section class="banner layer" id="home">
	<div class="container">
		<div class="banner-text">
			<div class="slider-info mb-4">
				<div class="agileinfo-logo">
					<h3>
						 练习使你强大
					</h3>
				</div>
				<h3 class="txt-w3_agile mb-3"> 是时候提升你的技能了</h3>
				<a href="course.html" class="mr-2"><i class="fas fa-graduation-cap"></i> 我们的课程</a>
				<a href="about.html"><i class="fas fa-book"></i> 阅读更多</a>
			</div>
			<!-- To bottom button-->
			<div class="thim-click-to-bottom">
				<div class="rotate">
					<a href="#welcome" class="scroll">
						<i class="fas fa-angle-double-down"></i>
					</a>
				</div>
			</div>
			<!-- //To bottom button-->

		</div>
	</div>
</section>
<!-- //banner -->

<!-- welcome -->
<section class="welcome py-5" id="welcome">
	<div class="container py-sm-3">
			<h3 class="heading text-capitalize mb-lg-5 mb-4"> 欢迎 - <span>关于我们的几句话</span> </h3>
		<div class="row welcome-grids">
			<div class="col-lg-4 mb-lg-0 mb-5">
				<h4>从此开启你的程序世界</h4>
				<p class="mb-3">一定是喜爱编程，对代码的世界充满好奇得你来到了这里。不论你之前是否学习过，基础如何，我们助推你
						学习的最后一公里</p>
				<p>我们的四大板块：</p>
				<p> <i class="fas mr-2 fa-hand-point-right"></i> 软件研发</p>
				<p> <i class="fas mr-2 fa-hand-point-right"></i> 服务外包</p>
				<p> <i class="fas mr-2 fa-hand-point-right"></i> 职前教育</p>
				<p> <i class="fas mr-2 fa-hand-point-right"></i> 创业孵化</p>

			</div>
			<div class="col-lg-4 col-sm-6">
				<div class="image1 mb-4">
					<h4>JavaWeb全栈</h4>
					<p class="mt-3" id="ele4"></P>
					<span class="fa fa-cog" aria-hidden="true"></span>
				</div>
				<div class="image1 pt-0">
					<h4>软件测试工程师 </h4>
					<p class="mt-3" id="ele5"></P>
					<span class="fas fa-graduation-cap"></span>
				</div>
			</div>
			<div class="col-lg-4 col-sm-6 mt-md-0 mt-4">
					<div class="image1 mb-4">
						<h4>UI交互设计师</h4>
						<p class="mt-3" id="ele6"></P>
						<span class="fas fa-graduation-cap"></span>
					</div>
					<div class="image1 pt-0">
						<h4>计算机安全工程师</h4>
						<p class="mt-3" id="ele7"></P>
					<span class="fab fa-skyatlas"></span>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- welcome -->
<script>


    $.ajax({
        type:'get',
        url:'/ziti/findone?aid=1',

        success:function(d){
//                        alert(JSON.stringify(d.data));

            $(d.data).each(function(i,n){
                  //    alert(n.mname)
//                            alert(n.mphoto)
                $("#ele4").append(
                    n.nr
                );

            })

        }
    });

    $.ajax({
        type:'get',
        url:'/ziti/findone?aid=2',

        success:function(d){
//                        alert(JSON.stringify(d.data));

            $(d.data).each(function(i,n){
                //    alert(n.mname)
//                            alert(n.mphoto)
                $("#ele5").append(
                    n.nr
                );

            })

        }
    });

    $.ajax({
        type:'get',
        url:'/ziti/findone?aid=3',

        success:function(d){
//                        alert(JSON.stringify(d.data));

            $(d.data).each(function(i,n){
                //    alert(n.mname)
//                            alert(n.mphoto)
                $("#ele6").append(
                    n.nr
                );

            })

        }
    });

    $.ajax({
        type:'get',
        url:'/ziti/findone?aid=4',

        success:function(d){
//                        alert(JSON.stringify(d.data));

            $(d.data).each(function(i,n){
                //    alert(n.mname)
//                            alert(n.mphoto)
                $("#ele7").append(
                    n.nr
                );

            })

        }
    });

</script>


<!-- services -->
<section class="services py-5">
	<div class="container py-sm-3">
		<h3 class="heading text-capitalize mb-lg-5 mb-4"> 预约课程 - <span>我们提供的</span> </h3>
		<div class="row service-grids">
			<div class="col-lg-4 col-md-6">
				<div class="service-grid1">
					<i class="fas fa-globe"></i>
					<h5>1</h5>
					<h4 class="mb-3">Java</h4>
					<p>全网最全java教程</p>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 mt-md-0 mt-5">
				<div class="service-grid1">
					<i class="fas fa-book"></i>
					<h5>2</h5>
					<h4 class="mb-3">Python</h4>
					<p>人工智能，人机交互零距离</p>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 mt-lg-0 mt-5">
				<div class="service-grid1">
					<i class="fab fa-digital-ocean"></i>
					<h5>3</h5>
					<h4 class="mb-3">Go</h4>
					<p>写起来超简单的脚本语言</p>
				</div>
			</div>
			<div class="ser-button mt-4">
				<a href="services.html">查看所有</a>
			</div>
		</div>
	</div>
</section>
<!-- //services -->

<!-- Admission form & counter plugin -->
<section class="section py-5">
	<div class="container">
		<div class="row">
			<!--timer-->
			<div class="col-lg-7 examples">
				<!-- <h2>Register Now</h2> -->
				<div class="clearfix"></div>
				<div class="simply-countdown-losange" id="simply-countdown-losange"></div>
			</div>
			<!--//timer-->
			<div class="col-lg-5 mt-lg-0 mt-5">
				<div class="agileits-grid">
					<div class="content-top-agile">
						<h3><<--距离新年还有</h3>
					</div>
					<div >

					</div>
					<!-- //content bottom -->
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //Admission form & counter plugin -->

<!-- teachers -->
<!-- team -->
	<div class="team py-5">
		<div class="container py-sm-3">
		<h3 class="heading text-capitalize mb-lg-5 mb-4"> 我们的团队 - <span>重要的岗位，他们在坚守！</span> </h3>
			<div class="row agile-team-grids">
				<div class="col-lg-3 col-sm-6 team-grid">
					<div class="team-img">
						<img src="images/louzhiyu.jpg" class="img-responsive" alt=" " />
						<div class="overlay">
							<h5>voluptatem quia</h5>
							<p>sit aspernatur aut odit</p>
							<div class="w3l-social">
								<ul>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-rss"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<h4>娄 志 宇</h4>
					<span>人事经理</span>
				</div>
				<div class="col-lg-3 col-sm-6 mt-md-0 mt-5 team-grid">
					<div class="team-img">
						<img src="images/sichunyu.jpg" class="img-responsive" alt=" " />
						<div class="overlay">
							<h5>voluptatem quia </h5>
							<p>sit aspernatur aut odit</p>
							<div class="w3l-social">
								<ul>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-rss"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<h4>司 春 雨</h4>
					<span>保安队长</span>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5 team-grid">
					<div class="team-img">
						<img src="images/wangjiaoting.jpg" class="img-responsive" alt=" " />
						<div class="overlay">
							<h5>voluptatem quia </h5>
							<p>sit aspernatur aut odit</p>
							<div class="w3l-social">
								<ul>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-rss"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<h4>王 姣 婷</h4>
					<span>项目经理</span>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-5 team-grid">
					<div class="team-img">
						<img src="images/xuqing.jpg" class="img-responsive" alt=" " />
						<div class="overlay">
							<h5>voluptatem quia </h5>
							<p>sit aspernatur aut odit</p>
							<div class="w3l-social">
								<ul>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-rss"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<h4>徐 庆</h4>
					<span>助理</span>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //team -->

<!-- //teachers -->

<!-- footer -->	
<footer>
	<div class="container-fluid p-sm-5 py-5">
		<div class="row footer-gap">
			<div class="col-lg-3 col-sm-6">
				<h3 class="text-uppercase mb-3">地址</h3>
				<address class="mb-0">
					<p><strong>总部:</strong></p>
					<p class="mb-3"><i class="fas fa-map-marker"></i> 第一街道1号（故宫旁边） <br>一环，北京市</p>
					<p><i class="fas fa-clock"></i> 工作时间 : 10 a.m to 6 p.m</p>
					<p><i class="fas fa-phone"></i> +18846785418</p>
					<p><i class="fas fa-envelope-open"></i> <a href="mailto:info@www.Fukangx.com">邮箱地址</a></p>
					<p><i class="fas fa-fax"></i> 110/120/119</p>
				</address>
			</div>
			<div class="col-lg-2 col-sm-6 mt-lg-0 mt-sm-0 mt-4 p-md-0">
				<h3 class="text-uppercase mb-3">公司</h3>
				<div class="links">
					<a class="text-capitalize" href="#"> 如此强大的公司，你一定会选！</a>
					<a class="pt-2 text-capitalize" href="#"> 公司证明</a>
					<a class="pt-2 text-capitalize" href="#"> 公司业务</a>
					<div class="divider"></div>
					<a class="pt-2 text-capitalize" href="#"> 服务</a>
					<a class="pt-2 text-capitalize" href="#"> 反馈</a>
				</div>	
			</div>
			<div class="col-lg-2 col-md-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4 p-md-0">
				<h3 class="text-uppercase mb-3">支持</h3>
				<div class="links">
					<a class="text-capitalize" href="#"> 联系我们</a>
					<a class="pt-2 text-capitalize" href="#"> 技术支持</a>
					<div class="divider"></div>
					<a class="pt-2 text-capitalize" href="#"> 隐私政策</a>
					<a class="pt-2 text-capitalize" href="#"> 反馈 & 常见问题</a>
					<a class="pt-2 text-capitalize" href="#"> 使用条款</a>
				</div>	
			</div>
			<div class="col-lg-3 col-md-5 col-sm-6 mt-lg-0 mt-sm-5 mt-4 pr-md-5">
				<h3 class="text-uppercase mb-3">通讯</h3>
				<p class="mb-4">订阅我们的时事通讯以获得新闻，超值优惠等</p>
				<form action="#" method="post">
					<input type="email" name="Email" placeholder="Enter your email..." required="">
					<button class="btn1"><i class="far fa-paper-plane"></i></button>
					<div class="clearfix"> </div>
				</form>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6 mt-lg-0 mt-sm-5 mt-4">
				<h3 class="text-uppercase mb-3"> 跟着我们</h3>
				<p class="mb-4">在社交媒体上关注我们</p>
				<ul class="social mt-lg-0 mt-3">
					<li class="mr-1"><a href="#"><span class="fab fa-facebook-f"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-twitter"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
					<li class=""><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
					<div class="social-divider"></div>
					<li class="mr-1"><a href="#"><span class="fas fa-rss"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-vk"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fab fa-vimeo-v"></span></a></li>
					<li class=""><a href="#"><span class="fab fa-yahoo"></span></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="copyright pb-5 text-center">
		<p>© 2018 Eduversity. 保留所有权利 | 由<a href="http://www.W3Layouts.com" target="_blank">W3Layouts</a>设计</p>
	</div>
</footer>
<!-- footer -->


	<!-- Register modal -->

	
	<!-- //Register modal -->


	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	
	
	<!-- search-bar -->
	<script src="js/main.js"></script>
	<!-- //search-bar -->
	
	<!-- Countdown-Timer-JavaScript -->
	<script src="js/simplyCountdown.js"></script>
	<!-- easy to customize -->
	<script>
		$('#simply-countdown-losange').simplyCountdown({
			year: 2020,
			month: 1,
			day: 01
		});
	</script>
	<!-- //Countdown-Timer-JavaScript -->
	
	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

	<script>
		
	</script>

</body>
</html>